<template>
  <umrp-layout style="height: 100vh">
    <umrp-layout-sider :width="160" style="border-right: 1px solid #f2f2f2">
      <umrp-container padding="24px 10px 0">
        <umrp-menu :gap="4" :icon-text-gap="6">
          <umrp-menu-item key="all">全部文件</umrp-menu-item>
          <umrp-menu-item key="picture">相册</umrp-menu-item>
          <umrp-menu-item key="video">视频</umrp-menu-item>
          <umrp-divider></umrp-divider>
          <umrp-menu-item key="myShare">我的分享</umrp-menu-item>
          <umrp-menu-item key="recycleBin">回收站</umrp-menu-item>
        </umrp-menu>
      </umrp-container>
    </umrp-layout-sider>
    <umrp-layout-content>
      <umrp-container padding="16px" :gap="16">
        <umrp-input></umrp-input>
        <umrp-row :gutter="[32, 32]">
          <umrp-col span="4" v-for="_ in 20">
            <umrp-container>
              <umrp-image :height="100"></umrp-image>
              <umrp-container padding="10px" align="center" :gap="10">
                <umrp-text>产品拍摄图</umrp-text>
                <umrp-text color="secondary">2024/11/30 10:30</umrp-text>
              </umrp-container>
            </umrp-container>
          </umrp-col>
        </umrp-row>
      </umrp-container>
    </umrp-layout-content>
  </umrp-layout>
</template>
